接下來我們來講CSS的position屬性，它是用於控制元素在網頁中的定位方式。這個屬性有幾個值，每個值都決定了元素在文檔中的位置和如何對齊。
以下是position屬性的主要值和功能：
static：這是所有元素的初始定位值。 元素按照它們在文檔流中的順序進行排列，不會應用特殊的定位。

relative：使用relative定位的元素仍然占據正常文檔流中的位置。 但您可以使用top、right、bottom和left屬性相對於其原始位置調整元素的位置。這些偏移值可以將元素相對於其正常位置移動。

absolute：使用absolute定位的元素不再占據正常文檔流中的位置。 元素相對於最接近的具有相對定位、絕對定位或固定定位的祖先元素進行定位。 fixed： 使用fixed定位的元素也不再占據正常文檔流中的位置。 元素相對於瀏覽器窗口進行定位，當您滾動頁面時，它仍然保持在相同的位置。

sticky：使用sticky定位的元素起初按照正常文檔流中的位置進行排列。 但當元素的位置進入到指定的滾動容器範圍內，元素就會變成fixed定位，保持在指定位置，直到滾動容器滾動到一個新的位置。
透過這些功能，我們可以實現各種不同的布局效果，包括懸浮菜單、固定標題、模擬對話框等功能，真棒。